<div class="sys-title"><h2>风险事件统计</h2></div>

<div class="sys-content">
    <div class="panel">
        <div class="panel-head">
            <div class="panel-title">
                <h3>风险概览</h3>
            </div>
        </div>
        <div class="panel-body">
            <div id="chart4" class="chart">loading...</div>
            <div class="panel-head">
                <div class="panel-title">
                    <h3>风险事件统计</h3>
                </div>
                <div class="filter"  style="float:none;display:inline-block;">
                    <input type="text" id="DateRange" placeholder="选择时间范围" > <button id="search" class="btn">检索</button>
                </div>
            </div>

            <div class="row">
                <div id="chart1" class="chart col-4">loading...</div>
                <div class="col-4"><div id="chart2" class="chart">loading...</div><a class="more" href="javascript:void(0)" data-id="data" style="position: absolute; right: 80px;top: 10px; ">更多</a></div>
                <div class="col-4"><div id="chart3" class="chart">loading...</div><a class="more" href="javascript:void(0)"  style="position: absolute; right: 80px;top: 10px; ">更多</a></div>
            </div>
        </div>
    </div>


</div>

<div class="dialog" id="more1">
    <div class="dialog-win">
        <div class="dialog-head"><span id="title">风险事件排名-资源</span><a class="close" href="javascript:void(0)"><i class="icon-close"></i></a></div>
        <div class="dialog-body">
            <table  class="table table-striped">
                <thead>
                <tr>
                    <th >数据资源</th>
                    <th>高风险事件数   </th>
                    <th>中风险事件数    </th>
                    <th>低风险事件数   </th>
                </tr>
                </thead>
                <tbody id="alarmPage">

                </tbody>
            </table>
            <div class="page" id="pageList">

            </div>

        </div>
    </div>
</div>


<script src="./scripts/app/safe/riskEvents/riskView.js"></script>